<!--<link rel="stylesheet" href="../lib/layui-v2.5.5/css/layui.css" media="all">-->
<link rel="stylesheet" href="lib/jq-module/zyupload/zyupload-1.0.0.min.css" media="all">
<div class="layuimini-container layuimini-page-anim">
    <div class="layuimini-main">
        <blockquote class="layui-elem-quote">
            上传组件使用开源项目：zyupload<br>
			<br>本示例经过GreenBeeAdmin二次封装
			<br>
			GreenBeeAdmin-zyupload本地封装文件路径: /static/js/lay-module/upload/CmfUpload.js
			<br>
			具体修改方法请参考下方官网<br><br>
            <a href="http://www.jq22.com/jquery-info14213" target="_blank" class="layui-btn layui-btn-danger">zyupload</a>
			
		</blockquote>
		<br>
		<div class="layui-form layuimini-form">
			<div class="layui-form-item layui-form-text">
					<label class="layui-form-label">文件上传</label>
					<div class="layui-input-block">
					   <div id="img_upload"> </div>
					</div>
			</div>
		</div>
		<br><br>
		代码示例：
        <pre class="layui-code">
	//html定义容器
	&lt;div class=&quot;layui-form-item layui-form-text&quot;&gt;
	&lt;label class=&quot;layui-form-label&quot;&gt;文件上传&lt;/label&gt;
			&lt;div class=&quot;layui-input-block&quot;&gt;
				  &lt;div id=&quot;img_upload&quot;&gt; &lt;/div&gt;
			&lt;/div&gt;
	&lt;/div&gt;
		
        // 初始化插件
        layui.use(['form','CmfUpload'], function () {
			var form = layui.form,
				CmfUpload = layui.CmfUpload;

			/**
			 * 初始化表单，要加上，不然刷新部分组件可能会不加载
			 */
			form.render();
			
			/** 上传插件初始化配置 start **/
			var option_init = {
				id:"img_upload", //@params id  上传容器的id 需保证唯一
				type:"more"      //@params type  "once" 单张上传 "more" 多张上传
			}
			//清空之前添加的图片，防止重复渲染历史数据
			CmfUpload.render_data = [];
			//@addUrl 页面首次加载初始化渲染的 img ，可以多次调用addUrl方法渲染多张
			CmfUpload.addUrl("/static/images/logo.jpg");
			// CmfUpload.addUrl("/static/images/logo.jpg");
			
			/** 上传插件初始化配置 end **/
			
			//@render 上传插件初始化方法
			CmfUpload.render(option_init);
			
		});
        </pre>
    </div>
</div>

<script type="text/javascript">
    layui.use(['form','CmfUpload'], function () {
        var form = layui.form,
			CmfUpload = layui.CmfUpload;

        /**
         * 初始化表单，要加上，不然刷新部分组件可能会不加载
         */
        form.render();
		
		/** 上传插件初始化配置 **/
		var option_init = {
			id:"img_upload", //@params id  上传容器的id 需保证唯一
			type:"more"      //@params type  "once" 单张上传 "more" 多张上传
		}
		//@addUrl 页面首次加载初始化渲染的 img ，可以多次调用addUrl方法渲染多张
		// CmfUpload.addUrl("/static/images/logo.jpg");
		// CmfUpload.addUrl("/static/images/logo.jpg");
		
		/** 上传插件初始化配置 **/
		
		//@render 上传插件初始化方法
		CmfUpload.render(option_init);
		
    });
</script>